<!-- LOGO HEADER END-->
<section class="menu-section">
  <div class="container">
    <div class="row ">
      <div class="col-md-12">
        <div class="navbar-collapse collapse ">
          <ul id="menu-top" class="nav navbar-nav navbar-right">
            <li><a href="/">HOME</a></li>
            <li><a href="/product">PRODUCTS</a></li>
            <li><a href="/about-us" >ABOUT US</a></li>
            <li><a href="/contact-us">CONTACT US</a></li>
            <li><a href="/faq" class="menu-top-active">FAQs</a></li>
            <li><a href="/pdf">PDF DOWNLOAD</a></li>
            <li><a href="/equipment">EQUIPMENT</a></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</section>
<div class="below-slideshow">
  <div class="container">
    <div class="row">

      <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
        <div class="txt-block">
          <h1 class="head-line">FAQs</h1>
        </div>
      </div>
    </div>

  </div>
</div>

<div class="container">
  <div class="row">
    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
      <h1 class="tag-home">Below are the most frequently asked questions</h1>
      <hr />
    </div>
  </div>
</div>
<!-- TAG HOME SECTION END-->
<div class="just-sec">


  <div class="container">
      <% for(var i=0; i<data.length; i++) {%>
    <% if(i%3 == 0) {%>
    <div class="row" style="margin-top: 20px">
      <% } %>
      <div class="col-md-4">
        <% if (i%2 == 0) {%>
        <div class="just-txt-div" style="background-color: #29619C; color: #ffffff; height: 290px">
          <% } else {%>
          <div class="just-txt-div" style="background-color: #D6E5EB; color: #29619C; height: 290px">
            <% } %>
          <h4><%= i+1+'.'+data[i].question%></h4>
          <p >
            <%= data[i].answer %>
          </p>
        </div>
      </div>
      <% if(i%3 == 2){%>
    </div>
    <% } %>
      <% } %>
  </div>
</div>
